import * as React from 'react';
const element = (
  <div
    key="root"
    style={{
      margin: '12px 0',
      padding: 12,
      border: `3px solid rgb(${Math.random() * 255}, ${Math.random() * 255}, ${
        Math.random() * 255
      })`,
    }}
  >
    文本结点ROOT(root)
    <div
      key="A"
      xde="A"
      style={{
        margin: '12px 0',
        padding: 12,
        border: `3px solid rgb(${Math.random() * 255}, ${
          Math.random() * 255
        }, ${Math.random() * 255})`,
      }}
    >
      文本节点A(A)
      <div
        style={{
          margin: '12px 0',
          padding: 12,
          border: `3px solid rgb(${Math.random() * 255}, ${
            Math.random() * 255
          }, ${Math.random() * 255})`,
        }}
        key="A-A"
      >
        文本节点A-A(AA)
      </div>
      <div
        style={{
          margin: '12px 0',
          padding: 12,
          border: `3px solid rgb(${Math.random() * 255}, ${
            Math.random() * 255
          }, ${Math.random() * 255})`,
        }}
        key="A-B"
      >
        文本节点A-B
      </div>
    </div>
    <div
      style={{
        margin: '12px 0',
        padding: 12,
        border: `3px solid rgb(${Math.random() * 255}, ${
          Math.random() * 255
        }, ${Math.random() * 255})`,
      }}
      key="B"
    >
      文本节点B
      <div
        style={{
          margin: '12px 0',
          padding: 12,
          border: `3px solid rgb(${Math.random() * 255}, ${
            Math.random() * 255
          }, ${Math.random() * 255})`,
        }}
        key="B-A"
      >
        文本节点B-A
      </div>
      <div
        style={{
          margin: '12px 0',
          padding: 12,
          border: `3px solid rgb(${Math.random() * 255}, ${
            Math.random() * 255
          }, ${Math.random() * 255})`,
        }}
        key="B-B"
      >
        文本节点B-B
      </div>
    </div>
    <div
      style={{
        margin: '12px 0',
        padding: 12,
        border: `3px solid rgb(${Math.random() * 255}, ${
          Math.random() * 255
        }, ${Math.random() * 255})`,
      }}
      key="C"
    >
      <React.Fragment key="C-A">文本节点C</React.Fragment>
      <div
        style={{
          margin: '12px 0',
          padding: 12,
          border: `3px solid rgb(${Math.random() * 255}, ${
            Math.random() * 255
          }, ${Math.random() * 255})`,
        }}
        key="C-B"
      >
        文本节点d
      </div>
      div
    </div>
  </div>
);

export default element;
